
.container{
  background: rgb(240, 243, 244);
  display: flex;
  color: white;
  

}

/* 右方布局 */
.rightContainer{
  /* height: ; */
  width: 84%;
}
.rightContainer .userInfo{
  height: 12%;
  background-color: white;
  display: flex;
  justify-content: space-between; 
  align-items: center;
  /* height: 66px; */
  font-size: 44px;
  letter-spacing: 4px;
  font-weight: bolder;
  color: rgb(36, 57, 70);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 5px grey;
}


.rightContainer .userInfo .left:hover{
  background-color: rgb(202, 73, 73);
}
.rightContainer .userInfo .left a{
  color: white;
}
.rightContainer .userInfo .userName{
  color: grey;
  line-height: 20px;
  font-size: 20px;
  margin-right: 20px;

}
.rightContainer .userInfo .userName img{
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.rightContainer .content{
  width: 94%;
  margin: 4% auto;
  /* background-color: aquamarine; */
  box-shadow: 1px 5px 5px grey;
  padding-bottom: 50px;
}
.rightContainer .content .funTitle{
  height: 60px;
  /* line-height: 60px; */
  display: flex;
  /* justify-content: center; */
  align-items: center;
  background: rgba(36, 57, 70, 0.8);
  color: rgb(255, 255, 255);
  font-size: 30px;
  padding-left: 35px;
}

/* 下拉菜单样式 */
.content .searchBox{
  background-color: rgb(94, 145, 175);
  color: rgb(100, 100, 100);
  font-size: 20px;
  display: flex;
  border-bottom: 2px solid grey;
  box-sizing: border-box;
  padding: 20px 35px ;

}
.content .searchBox .inputContent{
  display: flex;
  align-items: center;
  justify-content: center;
}
.content .searchBox .inputContent .way{
  height: 40px;
  width: 70px;
  font-size: 20px;
  outline: none;
  background: none;
  border: none;
  border-bottom: 2px solid #243946;
  margin-right: 10px;
}

.content .searchBox .inputContent input{
  height: 40px;
  width: 400px;
  outline: none;
  font-size: 20px;
  padding-left:10px;
  background: none;
  border: none;
  border-bottom: 2px solid #243946;
  caret-color: whitesmoke;
}
.searchBox .inputContent input::placeholder{
  color: white;
  
}
.content .searchBox .submit{
  width: 80px;
  height: 40px;
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 4px;
  background-color: rgb(64, 172, 50);
}
.content .searchBox .submit:hover{
  background-color: rgb(223, 85, 50);
}
.content .searchBox .submit img{
  width: 16px;
  height: 16px;
}
.content .searchBox .submit span{
  color: white;
  line-height: 40px;
}


/* 信息展示模块 */
.rightContainer .content .form{
  width: 95%;
  margin: 0 auto;
  /* border: 2px solid white; */
  color: rgb(29, 29, 29);
  margin-top: 50px;
  box-shadow: 1px 1px 4px #4d5f69;
}


.form li{
  width: 100%;
  display: flex;

  line-height: 60px;
  /* justify-content: space-between;  */
}
.form li:hover{
  background: rgb(230, 109, 79);
}
.form .des{
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  background: rgb(94, 145, 175);
  color: rgb(248, 248, 248);
}
.form .bookResult{
  font-size: 20px;
  height: 60px;
  color: #243946;
}
.form li div{
  border: 1px solid rgb(235, 235, 235);
  padding-left: 10px;
  box-sizing: border-box;
}
.form .bookName {
  width: 15%;
  /* cursor: pointer; */
  
}
.form .bookResult{
  background-color: rgb(142, 233, 202);
  background-color: #91c0da;
  color: black;
  cursor: pointer;
}
.form .bookResName{
  cursor: pointer;
}
.form .bookAutor {
  width: 15%;
}
.form .isbn {
  width: 15%;
}
.form .type {
  width: 10%;
}
.form .num {
  width: 10%;
}
.form .remain{
  width: 10%;
}
.form .place{
  width: 25%;
}